<?php
//Directorio donde se va almacenar la img o archivo.
$upload_dir = "ImagenesClientes";
if (isset($_POST['fileframe'])){
   $result = 'ERROR';
 
if (isset($_FILES['file'])){
if ($_FILES['file']['error'] == UPLOAD_ERR_OK){
 
//Obteniendo el nombre del archivo
$filename = $_FILES['file']['name'];
 
if(!is_file($upload_dir.'/'.$filename)){ //verificamos  que  el archivo no exista 
//Moviendo el archivo al directorio indicado arriba
move_uploaded_file($_FILES['file']['tmp_name'], $upload_dir.'/'.$filename);
 
//Cambiando el status del result
$result = 'OK';
}
}
}
 
echo '<html><head></head><body>';
echo '<script type="text/javascript">'."\n";
echo 'var Doc = window.parent.document;';
 
if ($result == 'OK'){
   //Asignando los valores a los distintos input
   echo 'Doc.getElementById("status").innerHTML = "El Archivo ha sido cargado...";';
   echo 'Doc.getElementById("imagen").src="'.$upload_dir.'/'.$filename.'";';
}
else{
   echo 'Doc.getElementById("status").innerHTML = "ERROR al Subir Archivo";';
}
 
echo "\n".'</script></body></html>';
 
exit();
}
?>
<script type="text/javascript">
    $(document).ready(function(){  
         obtener_Nombre(); 
       });
function subirArchivo(upload_field){
   //Aqui se puede agregar otras extensiones...
   var re_text = /\.gif|\.jpg|\.png/i;
   var filename = upload_field.value;
 
   // Verificando que el tipo.
   if (filename.search(re_text) == -1){
      alert("El archivo no es de tipo(.jpg, .png) extension ");
      upload_field.form.reset();
      return false;
}
 
   upload_field.form.submit();
   document.getElementById('status').innerHTML = "Subiendo Archivo...";
   $('#txtImagen').val(filename);
   return true;
}

       $(function(){
       $('#AgregarCliente').validate({
           rules: {
           'latitud': { required: true },//, number: true
           'longitud': { required: true }
           },
       messages: {
           'latitud': 'Debe Seleccionar una ubicacion del mapa',
           'longitud': 'Debe Seleccionar una ubicacion del mapa'
       }
    });
});

   function load() {
   if (GBrowserIsCompatible()) {
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(9.9255246,-84.0900462), 8);    
      var point;
      point=map.getCenter();
      var marker = new GMarker(point);
      GEvent.addListener(map, "click", function (overlay,point){
         marker.setPoint(point);
         map.addOverlay(marker);
         marker.openInfoWindowHtml("<div style='font-size: 8pt; font-family: verdana'>Mi marca situada en<br>Latitud: " + point.lat() + "<br>Longitud: " + point.lng() + "</div>");
         $("#latitud").val(point.lat());
         $("#longitud").val(point.lng());
      });
   }
}
window.onload=load
</script>
<ul class="breadcrumb">
    <li><a href="index.php">Inicio</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=paginaPrincipal">Men&uacute; principal</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=listarClientesXDia&controlador=cliente">Cliente selecci&oacute;n</a> <span class="divider">&raquo;</span></li>
    <?php echo "<li><a href=index.php?accion=MenuClienteSeleccion&id=".$_SESSION['IdCliente']."&tipoCliente=".$_SESSION['TipoCliente'].">Men&uacute; cliente</a> <span class='divider'>&raquo;</span></li>"?>
    <li class="active">Agregar Ubicaci&oacute;n</li>
</ul>
<div  class="col_12" >
    <div class="page-header">
        <h3 style="color:#999;margin-bottom:10px;" class="center">Agregar Ubicaci&oacute;n</h3>
    </div>
<form action="#" target="upload_iframe" method="post" enctype="multipart/form-data">
    <div class="col_12 column">
        <label for="text2">C&oacute;digo:</label>
        <input readonly class="col_12" id="txtCodigo" name="txtCodigo" type="text" value="<?php echo $_SESSION['IdCliente'] ?>"/>
        <label for="text2">Nombre:</label>
        <input readonly type="text" name="cliente" value=""id="cliente" placeholder="Cliente" autocomplete="off" tabindex="1" class="col_12"/>
        <img class="caption" id ="imagen" title="Foto del local" src="img/400x350.png" width="400" height="350" />
        <label for="file1">Seleccione una foto:</label>
        <input type="hidden" name="fileframe" value="true">
        <input type="file" name="file" id="file" onChange="subirArchivo(this)">
    </div>
</form>
<form action="index.php?accion=agregarClientesRegistroUbicacion&controlador=cliente" target="upload_iframe" method="post">
<div class="col_12 column">
    <input type="hidden"  id="txtImagen" name="txtImagen" />
        <label>Latitud:</label>
        <input class="col_12" type="text" id="latitud" name="latitud" value="" onkeypress="return soloNumeros(event,'#txtMontoFactura');"/>
        <label>Longitud: </label>
        <input class="col_12" type="text" id="longitud" name="longitud" value="" onkeypress="return soloNumeros(event,'#txtMontoFactura');"/>
        <div class="col_5" >
        <div id="map" style="width:500px;height:380px;"></div>
        </div>

</div>
    <div class="col_12" >
            <input type="submit" class="blue" value="Ingresar" >
    </div>
</form> 
 

<iframe name="upload_iframe" style="width: 400px; height: 100px; display:none;"></iframe>
 
Status:<div id="status"></div>
</div>